:root {
  // 主要颜色
  --color-primary: #2fb755;
  --color-success: #2fb755;
  --color-success-bg: #f0f9eb;
  --color-help: #f5fcf2;
  --color-warn: #f5cd4a;
  --color-warn-bg: #fff8df;
  --color-danger: #f64c4c;
  --color-danger-bg: #feeff0;

  --color-white: white;
  --color-text-primary: #1d1d1f;
  --color-placeholder: #9c9c9c;
  --color-placeholder-bg: #f2f2f2;

  --color-cancel-btn-text: #8d5050;
  --color-cancel-btn-bg: #f5f5f5;

  --color-ccc: #cccccc;
  --color-86868b: #86868b;
  --color-f2f2f2: #f2f2f2;
  --color-f9f9f9: #f9f9f9;

  // button
  --button-large-height: 40px;
  --button-large-padding: 10px 16px;
  --button-default-height: 36px;
  --button-default-padding: 8px 16px;
  --button-small-height: 28px;
  --button-small-padding: 5px 16px;

  // dialog
  --dialog-header-padding: 24px 32px;
  --dialog-footer-padding: 32px;
  --dialog-footer-button-space: 19px;

  // select
  --select-width-default: 234px;
  --select-border-color-default: var(--color-ccc);
  --select-border-color-hover: var(--color-86868b);
  --select-bg-color-disabled: var(--color-f2f2f2);
  --select-input-height: 36px;

  // switch-default
  --switch-width-default: 46px;
  --switch-height-default: 24px;
  --switch-border-radius-default: 16px;
  --switch-circle-width-default: 20px;
  --switch-circle-height-default: 20px;
  --switch-text-size-default: 14px;
  // switch-large
  --switch-width-large: 56px;
  --switch-height-large: 29px;
  --switch-border-radius-large: 16px;
  --switch-circle-width-large: 24px;
  --switch-circle-height-large: 24px;
  --switch-text-size-large: 16px;

  // steps
  --steps-bg-color: var(--color-white);
  --steps-icon-width: 24px;
  --steps-icon-height: 24px;

  // alert
  --alert-height: 36px;

  // tabs
  --tabs-after-width: 32px;
  --tabs-after-height: 4px;
  --tabs-after-border-radius: 2px;

  // message
  --message-height: 36px;

  // message-box
  --message-box-padding-bottom: 0;
  --message-box-header-height: 72px;
  --message-box-header-padding: 24px 32px;
  --message-box-content-padding: 32px;
  --message-box-footer-padding: 0 32px 32px;
  --message-box-footer-button-space: 19px;

  // radio
  --radio-disabled-boder-color: var(--color-ccc);
  --radio-circle-not-checked-border: 1px solid var(--color-ccc);
  --radio-circle-not-checked-border-hover: 1px solid var(--color-primary);
  --radio-circle-checked-disabled-border: 5px solid var(--color-ccc);
  --radio-label-not-checked-color: #646464;

  // table
  --table-header-bg: var(--color-f9f9f9);
  --table-header-color: var(--color-86868b);
  --table-header-height: 60px;
  --table-line-height: 60px;

  // pagination
  --pagination-total-font-size: 14px;
  --pagination-pages-active-border: 1px solid var(--color-primary);
  --pagination-pages-border: 1px solid var(--color-ccc);
  --pagination-pages-border-radius: 4px;
  --pagination-prev-next-disabled-color: var(--color-ccc);
  --pagination-prev-next-disabled-bg: var(--color-f2f2f2);

  // date-picker
  --date-picker-input-height: 36px;
}
